html,body{
	width: 100%;
	overflow: hidden;
}
.bgimg{
	position: absolute;
	top: 40px;
	left: 0;
	right: 0;
	display: block;
	width: 100%;
	overflow: hidden;
}
.nav{
	height: 70px;
	position: absolute;
	top: 25%;
	z-index: 11;
	padding: 10px 0px ;
	background: #cc3381;
	width:100%;
}
.profile {
	width:43%;
	height:100% ;
	border-right: 2px solid #FFF;
	overflow: hidden;
	float: left;
}
.profile .avatar{
	width: 50px;
	height: 50px;
	display: block;
	float: left;
	margin-left: 10%;
	border-radius: 5px;
}
.profile .num{
	color: white;
	float: left;
	width: 35%;
	margin-left: 5%;
	padding-top: 6px;
}
.profile .num span{
	display: block;
	line-height: 20px;
	font-size: 12px;
}
.profile .num span.points{
	position: relative;
}
.profile .num span .point{
	position: absolute;
	left:90%;
	width:30%;
	top: 0px;
	display: block;
}
.game-list{
	z-index: 11;
}
.guodou-add {
	float: left;
	width: 16%;
	height: 30px;
	margin-left: 10%;
	margin-top: 10px;
	background: #25bad5;
	color: white;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
}
.guodou-change{
	float: left;
	width: 16%;
	height: 30px;
	margin-left:6%;
	margin-top: 10px;
	
	background: #25bad5;
	color: white;
	line-height: 30px;
	font-size: 12px;
	text-align: center;
	border-radius: 5px;
}
.game-list{
	position: absolute;
	top: 40%;
	z-index: 11;
}
.game-list .item{
	float: left;
	width: 40%;
	overflow: hidden;
	margin: 4% 0px 4% 6.5%;
}
.game-list .item img{
	width: 100%;
	border-radius:10px;
}
